@charset "UTF-8";
@import './base/constants';

$star-num: 5; // 评分数量

.meishi-wrap {
  ul {
	li {

	  a {
		text-decoration: none;
		color: #000;
	  }
	  width: getRem(310);
	  height: getRem(326);
	  background: $itemBgColor;
	  float: left;
	  margin-top: getRem(20);

	  &:nth-child(2n) {
		margin-left: getRem(20);
	  }

	  // 图片展示
	  .meishi-img {
		width: 100%;
		height: getRem(238);
		position: relative;
		img {
		  width: 100%;
		  height: 100%;
		}
		// 遮罩层
		.shade {
		  color: $primaryFontColor;
		  position: absolute;
		  //width: getRem(144);
		  height: getRem(46);
		  background: rgba(0, 0, 0, 0.4);
		  bottom: getRem(2);
		  left: 0;
		  padding-right: getRem(10);
		  > img {
			float: left;
			margin: getRem(6);
			width: getRem(33);
			height: getRem(33);
		  }
		  p {
			float: left;
			line-height: getRem(46);
		  }
		}

		// 店铺名称
		.shop-name {
		  padding: getRem(12);
		}

		// 店铺评分
		.star {
		  display: flex;
		  justify-content: center;

		  .star-press {
			width: getRem(26)*$star-num;
			height: getRem(26);
			background: url("../images/star-press.png") repeat-x left top;
			-webkit-background-size: cover, auto;
			background-size: getRem(26);
		  }

		  .star-default {
			width: getRem(26)*$star-num;
			height: getRem(26);
			background: url("../images/star-default.png") repeat-x left top;
			-webkit-background-size: cover, auto;
			background-size: getRem(26);
		  }
		}

	  }
	}
  }
}